<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<script src="static/js/tools/jquery-2.1.3.min.js"></script>
<script src="static/tools/bootstrap/js/bootstrap.min.js"></script>
<script src="static/tools/metro/js/metro.js"></script>

<link rel="stylesheet" type="text/css" href="static/tools/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="static/tools/metro/css/metro.css" />
<link rel="stylesheet" type="text/css" href="static/tools/metro/css/metro-icons.css" />
<link rel="stylesheet" type="text/css" href="static/tools/metro/css/metro-responsive.css" />
<link rel="stylesheet" type="text/css" href="static/tools/metro/css/metro-schemes.css" />
<style>
    .login-form {
       color:white  
     }
</style>

</head>
<body class="bg-darkTeal page-content">

   <form class="login-form">
    <div class="container page-content">
    
      <div class="row">
        <div class="col-xs-12">
          <div class="input-control modern text  full-size" data-role="input" style="font-size:20px;height:70px;">
             <input type="text" style="color:white;font-size:14pt;height:50px;">
             <span class="informer" style="color:white">用户名</span>
             <span class="placeholder" id="name-placeholder" style="color:white;font-size:14pt;height:20px;margin-top:15px;">用户名</span>
         </div>
        </div>
      </div> 
      
      <div class="row">
        <div class="col-xs-12">
          <div class="input-control modern text  full-size" data-role="input" style="font-size:20px;height:70px;">
             <input type="text" style="color:white;font-size:14pt;height:50px;">
             <span class="informer" style="color:white">邮箱</span>
             <span class="placeholder" id="name-placeholder" style="color:white;font-size:14pt;height:20px;margin-top:15px;">邮箱</span>
         </div>
        </div>
      </div> 
          
      <div class="row">
        <div class="col-xs-12">
          <div class="input-control modern password  full-size" data-role="input" style="font-size:20px;height:70px;">
             <input type="password" style="color:white;font-size:14pt;height:50px;">
             <span class="informer" style="color:white">密码</span>
             <span class="placeholder" id="name-placeholder" style="color:white;font-size:14pt;height:20px;margin-top:15px;">密码</span>
         </div>
        </div>
      </div>
      
      <div class="row">
        <div class="col-xs-12">
          <div class="input-control modern password  full-size" data-role="input" style="font-size:20px;height:70px;">
             <input type="password" style="color:white;font-size:14pt;height:50px;">
             <span class="informer" style="color:white">确认密码</span>
             <span class="placeholder" id="name-placeholder" style="color:white;font-size:14pt;height:20px;margin-top:15px;">确认密码</span>
         </div>
        </div>
      </div>
     
      <br/><br/>
      <div class="row">
        <div class="col-xs-12 text-center">
          <button class="command-button full-size">
            <span class="icon mif-enter"></span>注册
            <small>分享让你更快乐</small>
          </button>
        </div>
        
      </div> 
    </div>
   </form>
</body>
</html>
